<template>
    <div>
        <TopNav :obj="obj"></TopNav>
        <KeyListTable></KeyListTable>
    </div>
</template>

<script lang="ts">
import TopNav from '@/components/TopNav.vue';
import KeyListTable from './components/KeyListTable.vue';
import { defineComponent, reactive, toRefs } from 'vue';
export default defineComponent({
    name: 'KeyList',
    components: { TopNav, KeyListTable },
    setup() {
        const Data = reactive({
            obj: {
                path: '安全',
                title: 'API',
                msg: '使用访问密钥向SenseCAP API服务器发出安全的REST或HTTP请求'
            },
        })
        return { ...toRefs(Data) }
    }
    // data() {
    //     return {
    //         obj: {
    //             path: '安全',
    //             title: 'API',
    //             msg: '使用访问密钥向SenseCAP API服务器发出安全的REST或HTTP请求'
    //         },
    //     };
    // },

});
</script>

<style lang="less" scoped></style>